<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/productlist.css">

<body>
    <!-- <div class="top">

    </div> -->

    <div class="headblack1">
        <div class="blacktext">
            <div class="lefttext">
                legochina.cn
            </div>
            <div class="righttext">
                欢迎光临<span class="welcome">乐购</span>，请&nbsp;<span class="nav-login">登陆</span>/<span
                    class="welcome nav-regist">注册</span>
            </div>
            <div class="img1">
                <img src="https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/logo.jpg">
            </div>

        </div>

    </div>

    <header>



        <div class="headblack">
            <div class="frame2">

                <!-- 顶部的弹出搜索框 -->
                <div class="search-box ">
                    <input type="text" class="search1">
                    <div class="s-btn">
                        <img src="./imgjjiantou/search (1).png" alt="">
                    </div>
                </div>
                <div class="s-1">
                    <input type="text" class="s-11">
                    <div class="s-btn">
                        <img src="./imgjjiantou/search (1).png" alt="">
                    </div>
                </div>

                <div class="car">
                    <div id="l">
                        <img src="./imgjjiantou/购物车空.png" alt="">
                        <div class="gouwuche">购物车</div>

                    </div>

                    <!-- <input type="text" value="购物车" id="l"> -->
                    <input type="text" value="我的订单 " id="r">
                </div>
            </div>

            <div class="nav-list">
                <div class="nav-item1">
                    图书
                </div>
                <div class="nav-item1">
                    电子书
                </div>
                <div class="nav-item1">
                    原创文学
                </div>
                <div class="nav-item1">
                    服装
                </div>
                <div class="nav-item1">
                    运动户外
                </div>
                <div class="nav-item1">
                    孕婴童
                </div>
                <div class="nav-item1">
                    家居
                </div>
                <div class="nav-item1">
                    创意文具
                </div>
                <div class="nav-item1">
                    地方特产
                </div>
                <div class="nav-item1">
                    海外购
                </div>
                <div class="nav-item1">
                    电器城
                </div>

            </div>
            <div class="total">


                <div class="display">
                    <div class="roll">


                        <div class="image1">
                            <img src="https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/banner5.jpg">
                        </div>
                        <div class="image1">
                            <img src="https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/banner2.jpg">
                        </div>
                        <div class="image1">
                            <img src="https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/banner1.jpg">
                        </div>
                        <div class="image1">
                            <img src="https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/banner3.jpg">
                        </div>
                        <div class="image1">
                            <img src="https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/banner4.jpg">
                        </div>

                    </div>



                    <!-- 这里面要写手风琴效果那一块 -->

                    <div class="rightBookTotal">
                        <div class="greenbox">热卖畅销</div>
                        <div class="down">
                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/3.jpg" alt="">
                                <div class="describe">
                                    三体震撼体验
                                </div>
                                <div class="number">1</div>
                            </div>


                            <!-- 2 -->

                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/people.jpg" alt="">
                                <div class="describe">
                                    从你的全世界路过

                                </div>
                                <div class="number">2</div>
                            </div>


                            <!-- 3 -->

                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/people.jpg" alt="">
                                <div class="describe">
                                    从你的全世界路过

                                </div>
                                <div class="number">3</div>
                            </div>


                            <!-- 4 -->

                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/people.jpg" alt="">
                                <div class="describe">
                                    从你的全世界路过

                                </div>
                                <div class="number1">4</div>
                            </div>


                            <!-- 5 -->

                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/people.jpg" alt="">
                                <div class="describe">
                                    从你的全世界路过

                                </div>
                                <div class="number1">5</div>
                            </div>


                            <!-- 6 -->
                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/people.jpg" alt="">
                                <div class="describe">
                                    从你的全世界路过

                                </div>
                                <div class="number1">6</div>
                            </div>

                            <!-- 7 -->
                            <div class="bookinfo">

                                <img class="imge" src="./imgjjiantou/people.jpg" alt="">
                                <div class="describe">
                                    从你的全世界路过
                                </div>
                                <div class="number1">7</div>
                            </div>

                        </div>


                    </div>

                </div>

                <div class="dots">
                    <span class="dot">1</span>
                    <span class="dot">2</span>
                    <span class="dot">3</span>
                    <span class="dot">4</span>
                    <span class="dot">5</span>
                </div>

                <div class="jiantou">
                    <div class="left">
                        <img src="./imgjjiantou/左箭头 (2).png">
                    </div>
                    <div class="right">
                        <img src="./imgjjiantou/右箭头 (1).png">
                    </div>
                </div>

            </div>




        </div>
        <div class="image81">
            <img src="./imgjjiantou/1.png">
        </div>
    </header>


    <div class="tab">
        <span class="backtop">回到顶部</span>
        
    </div>
    <main>

        <div class="plate1">
            <div class="lefttop1">
                <img src="./imgjjiantou/2.png">
            </div>
            <div class="topborder"></div>

            <div class="plate1-list">
                <!-- 1 -->
                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/one.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="star1">
                                <img src="./star/五星好评.png">
                            </div>
                            <div class="star2">
                                <img src="./star/五星好评 (1).png">
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>


                <!-- 2 -->

                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/one.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>


                <!-- 3 -->

                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/one.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 4 -->
                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/one.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 5 -->
                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/one.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 6 -->
                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/people.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 7 -->

                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/people.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 8 -->
                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/people.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 9 -->
                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/people.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>

                <!-- 10 -->

                <div class="plate1-item">
                    <div class="bookimg">
                        <img src="./imgjjiantou/people.jpg" alt="">

                    </div>
                    <div class="bazhe">
                        <img src="./imgjjiantou/8折.png">
                    </div>
                    <div class="first">白夜行：东野圭吾</div>
                    <div class="second">
                        <div class="recommend">
                            推荐:
                        </div>
                        <div class="sum">
                            <div class="sum1">
                                <div class="star1">
                                    <img src="./star/五星好评.png">
                                </div>
                            </div>
                            <div class="sum2">
                                <div class="star2">
                                    <img src="./star/五星好评 (1).png">
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="third">￥30</div>
                </div>
            </div>
        </div>
        <div class="plate2">
            <div class="lefttop1">
                <img src="./imgjjiantou/12.png">
            </div>
            <div class="topborder"></div>
            <div class="flex2plate2">
                <div class="plate2-list">
                    <!-- 1 -->
                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/data.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>
                    <!-- 2 -->
                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/data.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>
                    <!-- 3 -->
                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/data.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 4 -->


                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/data.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 5 -->
                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/data.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 6 -->
                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/wealth.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 7 -->

                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/wealth.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 8 -->

                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/wealth.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 9 -->

                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/wealth.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                    <!-- 10 -->
                    <div class="plate2-item">
                        <div class="bookimg2">
                            <img src="./imgjjiantou/wealth.jpg" alt="">
                        </div>
                        <div class="first2">查理：史密斯</div>

                        <div class="recommend22">
                            中国邮电出版社
                        </div>
                        <div class="twoprice">
                            <div class="third2">￥49</div>
                            <div class="ouprice">￥79</div>
                        </div>
                    </div>

                </div>

                <div class="ebook-list">
                    <div class="hidden">

                    </div>
                    <div class="ebook-list-title">新书畅销榜</div>
                    <ul>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">1</div>
                                <div class="book-title fl">从你的全世界路过01</div>

                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">1</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">

                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读

                                    </div>
                                </div>



                            </div>
                        </li>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">2</div>
                                <div class="book-title fl">从你的全世界路过02</div>
                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">2</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">

                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读

                                    </div>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">3</div>
                                <div class="book-title fl">从你的全世界路过03</div>
                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">3</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">
                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                    </div>


                                </div>


                            </div>
                        </li>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">4</div>
                                <div class="book-title fl">从你的全世界路过04</div>
                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">4</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">

                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读

                                    </div>
                                </div>


                            </div>
                        </li>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">5</div>
                                <div class="book-title fl">从你的全世界路过05</div>
                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">5</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">

                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读

                                    </div>
                                </div>


                            </div>
                        </li>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">6</div>
                                <div class="book-title fl">从你的全世界路过06</div>
                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">6</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">

                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读

                                    </div>
                                </div>


                            </div>
                        </li>
                        <li>
                            <div class="book-name clearfix show">
                                <div class="ebook-num fl">7</div>
                                <div class="book-title fl">从你的全世界路过07</div>
                            </div>
                            <div class="book-content clearfix disnone">
                                <div class="ebook-num fl">7</div>
                                <div class="book-info fl clearfix">
                                    <img class="fl"
                                        src="	https://lgshop-1254150235.cos-website.ap-chengdu.myqcloud.com/img/index08_05.jpg"
                                        alt="">
                                    <div class="book-desc fl">
                                        从你的全世界路过02
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 150
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>


            </div>


        </div>
        <div class="plate3">
            <div class="flex3">
                <div class="lefttop3">
                    <img src="./imgjjiantou/13.png">
                </div>
                <div class="righttop3">
                    <div class="book-item1 activestyle">
                        货币金融
                    </div>
                    <div class="book-item1">
                        社会文学
                    </div>
                    <div class="book-item1">
                        科学技术
                    </div>
                    <div class="book-item1">
                        儿童文学
                    </div>
                    <div class="book-item1">
                        教学参辅
                    </div>
                    <div class="book-item1">
                        生活
                    </div>
                    <div class="book-item1">
                        小说
                    </div>

                </div>
            </div>

            <div class="topborder"></div>
            <div class="jiantou1">
                <div class="left1">
                    <img src="./imgjjiantou/左箭头 (2).png">
                </div>
                <div class="right1">
                    <img src="./imgjjiantou/右箭头 (1).png">
                </div>
            </div>
            <div class="plate3-list showstyle">
                <!-- hhh -->
                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/pro-demo.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/pro-demo.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/pro-demo.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/pro-demo.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/pro-demo.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>


            </div>

            <div class="plate3-list ">
                <!-- 社会文学 -->

                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/cm.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/cm.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/cm.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/cm.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社

                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/cm.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/economy.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/economy.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/economy.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/economy.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/economy.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
            </div>
            <div class="plate3-list">
                <!-- 科学技术 -->
                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/dream.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/dream.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/dream.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/dream.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社

                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/dream.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/commen.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/commen.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/commen.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/commen.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/commen.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
            </div>
            <div class="plate3-list">
                <!-- 儿童文学 -->
                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/ertong.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/ertong.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/ertong.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/ertong.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社

                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/ertong.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/jingguan.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/jingguan.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/jingguan.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/jingguan.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/jingguan.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
            </div>
            <div class="plate3-list">
                <!-- 教学参辅 -->
                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社

                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/one.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/one.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/one.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/one.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/one.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
            </div>
            <div class="plate3-list">
                <!-- 生活 -->
                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社

                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/currency.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/data.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/data.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/data.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/data.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/data.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
            </div>
            <div class="plate3-list">
                <!-- 小说 -->
                <!-- 1-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/flower.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/flower.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/flower.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/flower.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社

                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/flower.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>


                <!-- 6 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/hundred.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 7 -->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/hundred.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 8 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/hundred.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>

                <!-- 9 -->

                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/hundred.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥19</div>
                        <div class="ouprice">￥99</div>
                    </div>
                </div>
                <!-- 10-->
                <div class="plate3-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/hundred.jpg" alt="">
                    </div>
                    <div class="first2">斯坦福：余华</div>

                    <div class="recommend22">
                        中国清华出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥79</div>
                        <div class="ouprice">￥89</div>
                    </div>
                </div>
            </div>

            <div class="dots3">
                <span class="dot3"></span>
                <span class="dot3"></span>
                <span class="dot3"></span>
                <span class="dot3"></span>
                <span class="dot3"></span>
                <span class="dot3"></span>
                <span class="dot3"></span>

            </div>

        </div>
        <div class="plate4">

            <div class="lefttop1">
                <img src="./imgjjiantou/14.png">
            </div>
            <div class="topborder"> </div>

            <div class="plate1-list">
                <!-- 1 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/love.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/love.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/love.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/love.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/love.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>


                <!-- 1 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 3 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 4 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <!-- 5 -->
                <div class="plate1-item">
                    <div class="bookimg3">
                        <img src="./imgjjiantou/me.jpg" alt="">
                    </div>
                    <div class="first2">查理：史密斯</div>

                    <div class="recommend22">
                        中国邮电出版社
                    </div>
                    <div class="twoprice">
                        <div class="third2">￥49</div>
                        <div class="ouprice">￥79</div>
                    </div>
                </div>

                <div class="footeritem">
                    <div class="lcontent">
                        <div class="one">人文社科精选</div>
                        <div class="two">书好价优</div>
                        <div class="three">满3件折上7折</div>
                    </div>
                    <div class="rcontent">
                        <img src="./imgjjiantou/3.jpg">
                    </div>
                </div>

                <!-- 2 -->
                <div class="footeritem">
                    <div class="lcontent">
                        <div class="one">人文社科精选</div>
                        <div class="two">书好价优</div>
                        <div class="three">满3件折上7折</div>
                    </div>
                    <div class="rcontent">
                        <img src="./imgjjiantou/3.jpg">
                    </div>
                </div>

                <!-- 3 -->
                <div class="footeritem">
                    <div class="lcontent">
                        <div class="one">人文社科精选</div>
                        <div class="two">书好价优</div>
                        <div class="three">满3件折上7折</div>
                    </div>
                    <div class="rcontent">
                        <img src="./imgjjiantou/3.jpg">
                    </div>
                </div>
                <!-- 4 -->
                <div class="footeritem">
                    <div class="lcontent">
                        <div class="one">人文社科精选</div>
                        <div class="two">书好价优</div>
                        <div class="three">满3件折上7折</div>
                    </div>
                    <div class="rcontent">
                        <img src="./imgjjiantou/3.jpg">
                    </div>
                </div>

                <!-- 5 -->
                <div class="footeritem">


                    <div class="lcontent">
                        <div class="one">人文社科精选</div>
                        <div class="two">书好价优</div>
                        <div class="three">满3件折上7折</div>
                    </div>
                    <div class="rcontent">
                        <img src="./imgjjiantou/3.jpg">
                    </div>
                </div>

            </div>
            <div class="line">

                <!-- <hr> -->

            </div>


        </div>


    </main>
    <footer>
        <div class="end81">
            <img src="./imgjjiantou/1.png" alt="">
        </div>

        <div class="yellowline">

        </div>
        <div class="footersum">


            <div class="taglist">
                <div class="out">
                    <div class="tu">
                        <img src="./imgjjiantou/正.png" alt="">
                    </div>
                    <div class="zi">
                        正规渠道正品保障
                    </div>
                </div>
                <div class="out">
                    <div class="tu">
                        <img src="./imgjjiantou/羊.png" alt="">
                    </div>
                    <div class="zi">
                        放心购物
                        货到付款
                    </div>
                </div>
                <div class="out">
                    <div class="tu">
                        <img src="./imgjjiantou/车.png" alt="">
                    </div>
                    <div class="zi">
                        625城市
                        次日到达
                    </div>
                </div>
                <div class="out">
                    <div class="tu">
                        <img src="./imgjjiantou/收.png" alt="">
                    </div>
                    <div class="zi">
                        上门退货
                        当面退款
                    </div>
                </div>


            </div>
            <div class="textlist">
                <div class="item">
                    <div class="iitems">购物指南</div>
                    <div class="iitem">购物流程</div>
                    <div class="iitem"> 发票制度</div>
                    <div class="iitem">账户管理</div>
                    <div class="iitem">会员优惠</div>
                </div>
                <div class="item">
                    <div class="iitems">支付方式</div>
                    <div class="iitem">货到付款</div>
                    <div class="iitem"> 网上支付</div>
                    <div class="iitem">礼品卡支付</div>
                    <div class="iitem">银行转帐</div>
                </div>
                <div class="item">
                    <div class="iitems">订单服务</div>
                    <div class="iitem">订单配送查询</div>
                    <div class="iitem">订单状态说明</div>
                    <div class="iitem">自助取消订单</div>
                    <div class="iitem">自助修改订单度</div>
                </div>
                <div class="item">
                    <div class="iitems">退换货</div>
                    <div class="iitem">退换货政策</div>
                    <div class="iitem"> 退换货申请补助</div>
                    <div class="iitem">退换货进度查询</div>
                    <div class="iitem">退货方式和时间</div>
                </div>
                <div class="item">
                    <div class="iitems">商家服务</div>
                    <div class="iitem">商家中心</div>
                    <div class="iitem">运营服务</div>
                    <div class="iitem"> 加入尾品汇</div>

                </div>


                <div class="endtag">
                    <img src="./imgjjiantou/end.png" alt="">
                </div>



            </div>


            <div class="investor-relations-blog">
                公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索
            </div>
            <div class="copyright-c-2004-2016-all-rights-reserved">
                Copyright (C) 乐购网 2004-2016, All Rights Reserved
            </div>




        </div>





    </footer>


    <script src="./js/productlist.js">


    </script>
</body>

</html>